/**
 * 
 * @authors cherish yii2 (cherish@cherish.pw)
 * @date    2020-12-10 16:48:28
 * @version v1.0
 * @description the core js of todolist project
 * 
 * ━━━━━━神兽出没━━━━━━
 * 　　   ┏┓　 ┏┓
 * 　┏━━━━┛┻━━━┛┻━━━┓
 * 　┃              ┃
 * 　┃       ━　    ┃
 * 　┃　  ┳┛ 　┗┳   ┃
 * 　┃              ┃
 * 　┃       ┻　    ┃
 * 　┃              ┃
 * 　┗━━━┓      ┏━━━┛ Code is far away from bugs with the animal protecting.
 *       ┃      ┃     神兽保佑,代码无bug。
 *       ┃      ┃
 *       ┃      ┗━━━┓
 *       ┃      　　┣┓
 *       ┃      　　┏┛
 *       ┗━┓┓┏━━┳┓┏━┛
 *     　  ┃┫┫　┃┫┫
 *     　  ┗┻┛　┗┻┛
 *
 * ━━━━━━感觉萌萌哒━━━━━━
 */

// 请根据考试说明文档中列出的需求进行作答
// 预祝各位顺利通过本次考试，see you next week！
// ...
$(function(){
    var $title = $("#title");
    $title.keydown( function( evt ){
          var e = evt || event;
          if( e.keyCode === 13 ){
                createTodo();
                $title.val("");
          }
          list()
    });
    
    $("section").on("change" , "input[type=checkbox]" , function(){
          if( $(this).prop("checked") ){
                $("#donelist").append( $(this).parent() );
          }else{
                $("#todolist").append(  $(this).parent() )
          }
          list()
    }); 
    $("#todolist").on("click" , "p" , function(){
          $(this).html("<input type='text' value='"+ $(this).text() + "'>");
          var $ipt = $(this).children()
          $ipt.click( function( evt ){
                var e = evt || event; 
                e.stopPropagation();
          })
          $ipt.select();
          $ipt.blur( function( evt ){
                this.outerHTML = this.value; 
          })
         
    })

    $("section").on("click" , "a" , function(){
          $(this).parent().remove();
          list()
    })
        function list() {
           var $todocount = $('#todolist').children().length;
           var $donecount = $('#donelist').children().length;
           $("#todocount").text($todocount);
           $("#donecount").text($donecount);
                     }

    
        // 保存数据
        function setLocalStorage(date) {
            localStorage.setItem("toDoList", JSON.stringify(date));
        }
})